$--color-primary: #047bb9;

$--color-active: rgba(4, 123, 185, 0.21);

$--color-dark: #0b0926;

$--color-gray: #a5a5a5;

$--color-text1: #303133;

$--color-border: #a5a5a5;

$--font-size-base: 13px;

@mixin border() {
  border: 1px solid $--color-border;
}

@mixin all-height($height) {
  height: $height;
  line-height: $height;
}

@mixin flex-row {
  display: flex;
  flex-direction: row;
}

@mixin flex-column {
  display: flex;
  flex-direction: column;
}

@mixin ellipsis($width) {
  width: $width;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@mixin flex-row-between {
  @include flex-row();
  justify-content: space-between;
}

@mixin flex-row-between-center {
  @include flex-row-between();
  align-items: center;
}

@mixin flex-row-center {
  @include flex-row();
  justify-content: center;
}

@mixin flex-row-all-center {
  @include flex-row-center;
  align-items: center;

}

@mixin flex-column-center {
  @include flex-column();
  justify-content: center;
}


@mixin flex-column-all-center {
  @include flex-column-center;
  align-items: center;
}
